﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Article.aspx.cs" Inherits="PlugNT.Cms.Web._Article" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>工艺美术博览城</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <% 
        System.Data.DataRow article = PlugNT.Cms.Page.DataHelper.GetContentRow(Request.QueryString["id"], "");
        PlugNT.Cms.Page.DataHelper.Checker(article, "您查看的内容不存在！", "/"); 
    %>
</head>
<body>
    <%string _toper = PlugNT.Cms.Page.DataHelper.GetFile("/templet/include/_toper.htm"); %>
    <%=_toper%>
    <div class="main_top">
        <div class="logo">
            <a href="#"></a>
        </div>
        <div class="pic">
            <a href="#"></a>
        </div>
        <div class="menu">
            <ul>
                <%=PlugNT.Cms.ActionLabel.Channel.ViewTxtList(24,"0")%>
            </ul>
        </div>
        <div class="ban">
            <ul>
                <li class="co1 co3"><a href="#">资讯</a></li>
                <li class="co2">|</li>
                <li class="co1"><a href="#">会展</a></li>
                <li class="co2">|</li>
                <li class="co1"><a href="#">明家</a></li>
                <li class="co2">|</li>
                <li class="co1"><a href="#">企业</a></li>
                <li class="co2">|</li>
                <li class="co1"><a href="#">讲堂</a></li>
                <li class="co2">|</li>
                <li class="co1"><a href="#">画廊</a></li>
                <li class="co2">|</li>
                <li class="co1"><a href="#">产品</a></li>
                <li class="co2">|</li>
                <li class="co1"><a href="#">供求</a></li>
            </ul>
            <form>
            <div class="seach">
                <input type="text" />
            </div>
            <input type="submit" class="but" value="" />
            </form>
        </div>
    </div>
    <div class="main">
        <div class="wei">
            <ul>
                <li>您当前位置：</li> 
                <%=PlugNT.Cms.Page.DataHelper.GetNavigation(article["clsno"].ToString())%>
            </ul>
        </div>
        <div class="left">
            <div class="con">
                <h1>
                    <%=article["title"].ToString() %></h1>
                <span>时间：<%=article["addtime"].ToString() %></span>
                <div class="about">
                    相关专题：
                    <%=article["clsno"].ToString() %></div>
                <div class="content">
                    <%=article["contents"].ToString() %>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="block">
                <div class="btop">
                    <h3>
                        标题</h3>
                    <span><a href="#">更多>></a></span>
                </div>
                <div class="bcon">
                    内容(这里根据实际需要再做调整)</div>
            </div>
            <div class="nblock">
                <div class="btop">
                    <ul>
                        <li class="l1"><a onclick="show1();" id="a1" class="st2" href="#">行业资讯</a></li>
                        <li class="l1"><a onclick="show2();" id="a2" class="st1" href="#">名家访谈</a></li>
                        <li class="l1"><a onclick="show3();" id="a3" class="st1" href="#">行业前沿</a></li>
                        <li class="l2"><a onclick="show4();" id="a4" class="st1" href="#">校园美讯</a></li>
                    </ul>
                </div>
                <div class="bcon" id="b1" style="display: inline;">
                    <ul>
                        <li><span>˙</span><a href="#">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容</a></li>
                        <li><span>˙</span><a href="#">内容内容内容内容内容内容内容内容内容容内容内容内容</a></li>
                        <li><span>˙</span><a href="#">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内</a></li> 
                    </ul>
                </div>
                <div class="bcon" id="b2" style="display: none;">
                    b
                </div>
                <div class="bcon" id="b3" style="display: none;">
                    c
                </div>
                <div class="bcon" id="b4" style="display: none;">
                    d
                </div>
            </div>
            <div class="block">
                <div class="btop">
                    <h3>
                        标题</h3>
                    <span><a href="#">更多>></a></span>
                </div>
                <div class="bcon">
                    内容(这里根据实际需要再做调整)</div>
            </div>
            <div class="block">
                <div class="btop">
                    <h3>
                        标题</h3>
                    <span><a href="#">更多>></a></span>
                </div>
                <div class="bcon">
                    内容(这里根据实际需要再做调整)</div>
            </div> 
        </div>
        <div class="down">
            <div class="dtop">
                <h3>
                    最热商机</h3>
                <span><a href="#">我也要出现在这里</a></span>
            </div>
            <div class="dcon">
                <ul>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="images/pic1.jpg" /></a></div>
                        <p>
                            <a href="#">供应塑料配件JSL170端盖</a></p>
                        <p class="px">
                            价格面议</p>
                        <a class="but" href="#"></a></li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="images/pic1.jpg" /></a></div>
                        <p>
                            <a href="#">供应塑料配件JSL170端盖</a></p>
                        <p class="px">
                            价格面议</p>
                        <a class="but" href="#"></a></li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="images/pic1.jpg" /></a></div>
                        <p>
                            <a href="#">供应塑料配件JSL170端盖</a></p>
                        <p class="px">
                            价格面议</p>
                        <a class="but" href="#"></a></li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="images/pic1.jpg" /></a></div>
                        <p>
                            <a href="#">供应塑料配件JSL170端盖</a></p>
                        <p class="px">
                            价格面议</p>
                        <a class="but" href="#"></a></li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="images/pic1.jpg" /></a></div>
                        <p>
                            <a href="#">供应塑料配件JSL170端盖</a></p>
                        <p class="px">
                            价格面议</p>
                        <a class="but" href="#"></a></li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="images/pic1.jpg" /></a></div>
                        <p>
                            <a href="#">供应塑料配件JSL170端盖</a></p>
                        <p class="px">
                            价格面议</p>
                        <a class="but" href="#"></a></li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="images/pic1.jpg" /></a></div>
                        <p>
                            <a href="#">供应塑料配件JSL170端盖</a></p>
                        <p class="px">
                            价格面议</p>
                        <a class="but" href="#"></a></li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="images/pic1.jpg" /></a></div>
                        <p>
                            <a href="#">供应塑料配件JSL170端盖</a></p>
                        <p class="px">
                            价格面议</p>
                        <a class="but" href="#"></a></li>
                </ul>
                <a href="#" class="more"></a>
            </div>
        </div>
    </div>
    <%string footer = PlugNT.Cms.Page.DataHelper.GetFile("/templet/include/_footer.htm"); %>
    <%=footer%>
</body>
<script>
    function show1() {
        document.getElementById("a1").className = "st2";
        document.getElementById("a2").className = "st1";
        document.getElementById("a3").className = "st1";
        document.getElementById("a4").className = "st1";

        document.getElementById("b1").style.display = "inline";
        document.getElementById("b2").style.display = "none";
        document.getElementById("b3").style.display = "none";
        document.getElementById("b4").style.display = "none";
    }
    function show2() {
        document.getElementById("a1").className = "st1";
        document.getElementById("a2").className = "st2";
        document.getElementById("a3").className = "st1";
        document.getElementById("a4").className = "st1";

        document.getElementById("b1").style.display = "none";
        document.getElementById("b2").style.display = "inline";
        document.getElementById("b3").style.display = "none";
        document.getElementById("b4").style.display = "none";
    }
    function show3() {
        document.getElementById("a1").className = "st1";
        document.getElementById("a2").className = "st1";
        document.getElementById("a3").className = "st2";
        document.getElementById("a4").className = "st1";

        document.getElementById("b1").style.display = "none";
        document.getElementById("b2").style.display = "none";
        document.getElementById("b3").style.display = "inline";
        document.getElementById("b4").style.display = "none";
    }
    function show4() {
        document.getElementById("a1").className = "st1";
        document.getElementById("a2").className = "st1";
        document.getElementById("a3").className = "st1";
        document.getElementById("a4").className = "st2";

        document.getElementById("b1").style.display = "none";
        document.getElementById("b2").style.display = "none";
        document.getElementById("b3").style.display = "none";
        document.getElementById("b4").style.display = "inline";
    }
</script>
</html>
